import Vue from "vue";
import VueRouter from "vue-router";
Vue.use(VueRouter);
import Page from "../views/Page.vue";
import Classify from "../views/Classify.vue";
import Inventory from "../views/Inventory.vue";
import Shopping from "../views/Shopping.vue";
import Mine from "../views/Mine.vue";
const routes = [{
        path: "/",
        name: "Page",
        component: Page,
    },
    {
        path: "/classify",
        name: "Classify",
        component: Classify,
    },
    {
        path: "/inventory",
        name: "Inventory",
        component: Inventory,
    },
    {
        path: "/shopping",
        name: "Shopping",
        component: Shopping,
    },
    {
        path: "/mine",
        name: "Mine",
        component: Mine,
    }
  // {
  //   path: "/about",
  //   name: "About",
  //   // route level code-splitting
  //   // this generates a separate chunk (about.[hash].js) for this route
  //   // which is lazy-loaded when the route is visited.
  //   component: () =>
  //     import(/* webpackChunkName: "about" */ "../views/About.vue"),
  // },

];
const router = new VueRouter({
    routes,
});
export default router;